<template>
  <div class="page-container">
    <router-link to="/SearchListshow">
      <HeaderSearch class="fixed1"></HeaderSearch>
    </router-link>
    <van-swipe class="my-swipe" :autoplay="8000" indicator-color="white">
      <van-swipe-item><img class="img1" src="https://m.360buyimg.com/mobilecms/s700x280_jfs/t1/196922/2/16761/169136/618b5f13Eb04e8241/cdcf5455d20035c3.jpg!cr_1053x420_4_0!q70.jpg.dpg"> </van-swipe-item>
      <van-swipe-item><img class="img1" src="https://m.360buyimg.com/mobilecms/s700x280_jfs/t1/196922/2/16761/169136/618b5f13Eb04e8241/cdcf5455d20035c3.jpg!cr_1053x420_4_0!q70.jpg.dpg"> </van-swipe-item>
      <van-swipe-item><img class="img1" src="https://m.360buyimg.com/mobilecms/s700x280_jfs/t1/196922/2/16761/169136/618b5f13Eb04e8241/cdcf5455d20035c3.jpg!cr_1053x420_4_0!q70.jpg.dpg"> </van-swipe-item>
      <van-swipe-item><img class="img1" src="https://imgcps.jd.com/ling-cubic/danpin/v3/amZzL3QxLzIxOTAyNS8yNy84Mzk0Lzg4NzE5LzYxYzA2MDcxRTAxNjM1NGFjL2Y3ZTIxZWNiYTY4NWU5NTUucG5n/5Lqs6YCJ5aW96LSn/5L2g5YC85b6X5oul5pyJ/cr_1125x449_0_166/s/q70.jpg"> </van-swipe-item>
    </van-swipe>
    <swiper></swiper>
    <van-tabs>
      <van-tab v-for="item in tabList" :key="item.index" :title="item.title">
        <WaterFall class="WaterFall" :data="item.index"></WaterFall>
      </van-tab>
    </van-tabs>
  </div>
</template>
<script>
import HeaderSearch from "../components/HeaderSearch";
import Swiper from "../components/Swiper";
import WaterFall from "../components/WaterFall";
export default {
  name:'index',
  components:{HeaderSearch,Swiper,WaterFall},
  data(){
    return{
      active:1,
      tabList:[{index:99,title:'全部'},{index:0,title:'电子产品'},{index: 1,title: '化妆护肤'},{index: 2,title: '二手书籍'},{index: 3,title: '衣物服饰'},
        {index: 4,title: '二手小件'},{index: 5,title: '包包首饰'},{index: 6,title: '玩具'}]
    }
  },
  methods:{}
}
</script>
<style lang="less" scoped>
.page-container{

  .fixed1{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;

  }

.my-swipe{
  margin-top: 50px;
  height: 150px;
  .van-swipe-item{
    color: #fff;
    font-size: 20px;
    line-height: 150px;
    text-align: center;
    background-color: #39a9ed;
    .img1{
      width: 100%;
      height: 100%;
    }
  }
}
}

</style>
